@CHARSET "UTF-8";

a, body, html {
    color: #89909a;
}
.dis-b, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}
.layout, .pr {
    position: relative;
}
.round-num, i.dot.dot-red, i.square {
    background-color: #e2003b;
}
.form-group.col-2, .form-group.col-3, .form-group.col-4 {
    box-sizing: border-box;
    float: left;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::after, blockquote::before, q::after, q::before {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body, html {
    font-family: "Microsoft YaHei","微软雅黑",arial,sans-serif;
    font-size: 14px;
    line-height: 1.4em;
}
.f10, .f12, .f9 {
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6, strong, th {
    font-style: normal;
}
a, button, input, textarea {
    outline: 0 none;
}
a {
    text-decoration: none;
    transition: color 0.5s ease 0s;
}
a:hover {
    color: #fff;
}
.color-primary, a.normal, a.normal:hover {
    color: #e2003b;
}
textarea {
    overflow-y: auto;
}
.ofh, .single-line {
    overflow: hidden;
}
.layout {
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}
.clearfix::after, .layout::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.cb {
    clear: both;
}
.cl {
    clear: left;
}
.cr {
    clear: right;
}
.cp {
    cursor: pointer;
}
.cd {
    cursor: default;
}
.cna {
    cursor: not-allowed;
}
.btn, .btn-blank, a.btn, a.btn-blank {
    cursor: pointer;
    transition: color 0s ease 0s;
}
.single-line {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.word-b {
    overflow-wrap: break-word;
}
.ofv {
    overflow: visible;
}
.ofa {
    overflow: auto;
}
.dis-i {
    display: inline;
}
.dis-ib, i.triangle {
    display: inline-block;
}
.dis-none {
    display: none;
}
.dis-b-im {
    display: block !important;
}
.dis-ib-im {
    display: inline-block !important;
}
.dis-none-im {
    display: none !important;
}
.zoom {
}
.hidden {
    visibility: hidden;
}
.abs-center, .abs-middle, .abs-right, .abs-right8, .pa, .transform-center {
    position: absolute;
}
.abs-right {
    right: 0;
}
.abs-right8 {
    right: 8px;
}
.abs-middle {
    bottom: 0;
    margin: auto 0;
    top: 0;
}
.abs-center {
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}
.transform-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.tl {
    text-align: left;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.vt {
    vertical-align: top;
}
.vm {
    vertical-align: middle;
}
.vb {
    vertical-align: bottom;
}
.vs {
    vertical-align: super;
}
.vsb {
    vertical-align: sub;
}
.vi {
    vertical-align: inherit;
}
.vtb {
    vertical-align: text-bottom;
}
.vbase {
    vertical-align: baseline;
}
.vwbase {
}
.z5 {
    z-index: 5;
}
.h-100 {
    height: 100%;
}
.h18 {
    height: 18px;
}
.h23 {
    height: 23px;
}
.h26 {
    height: 26px !important;
}
.h28 {
    height: 28px !important;
}
.h30 {
    height: 30px;
}
.h40 {
    height: 40px;
}
.h50 {
    height: 50px;
}
.h400 {
    height: 400px;
}
.max-h400 {
    max-height: 400px;
}
.min-h90 {
    min-height: 90px;
}
.lh20 {
    line-height: 20px;
}
.lh30 {
    line-height: 30px;
}
.col-sm-1, .w-100 {
    width: 100%;
}
.col-sm-2 {
    width: 50%;
}
.col-sm-3 {
    width: 33.33%;
}
.col-sm-4 {
    width: 25%;
}
.w16 {
    width: 16px;
}
.w20 {
    width: 20px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w57 {
    width: 57px !important;
}
.w60 {
    width: 60px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w110 {
    width: 110px;
}
.w120 {
    width: 120px;
}
.w130 {
    width: 130px;
}
.w140 {
    width: 140px;
}
.w145 {
    width: 145px;
}
.w150 {
    width: 150px;
}
.w293 {
    width: 293px;
}
.w690 {
    width: 690px;
}
.wid-12 {
    width: 12%;
}
.wid-19 {
    width: 19%;
}
.wid-20 {
    width: 20%;
}
.wid-22 {
    width: 22%;
}
.wid-23 {
    width: 23%;
}
.wid-25 {
    width: 25%;
}
.max-w20 {
    max-width: 20px;
}
.max-w70 {
    max-width: 70px;
}
.max-w100 {
    max-width: 100px;
}
.max-w150 {
    max-width: 150px;
}
.max-w200 {
    max-width: 200px;
}
.max-w400 {
    max-width: 400px;
}
.min-w25 {
    min-width: 25px;
}
.min-w30 {
    min-width: 30px;
}
.min-w36 {
    min-width: 36px;
}
.min-w40 {
    min-width: 40px;
}
.min-w50 {
    min-width: 50px;
}
.min-w55 {
    min-width: 55px;
}
.min-w60 {
    min-width: 60px;
}
.min-w62 {
    min-width: 62px;
}
.min-w66 {
    min-width: 66px;
}
.min-w70 {
    min-width: 70px;
}
.min-w75 {
    min-width: 75px;
}
.min-w80 {
    min-width: 80px;
}
.min-w90 {
    min-width: 90px;
}
.min-w95 {
    min-width: 95px;
}
.min-w110 {
    min-width: 110px;
}
.min-w120 {
    min-width: 120px;
}
.min-w130 {
    min-width: 130px;
}
.min-w150 {
    min-width: 150px;
}
.min-w170 {
    min-width: 170px;
}
.min-w200 {
    min-width: 200px;
}
.min-w250 {
    min-width: 250px;
}
.min-w465 {
    min-width: 465px;
}
.id-name-symbol {
    margin-left: 4px;
    margin-right: 4px;
}
.mt0 {
    margin-top: 0 !important;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt12 {
    margin-top: 12px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}
.mt30 {
    margin-top: 30px;
}
.mt35 {
    margin-top: 35px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt80 {
    margin-top: 80px;
}
.ml0 {
    margin-left: 0 !important;
}
.ml5 {
    margin-left: 5px;
}
.ml8 {
    margin-left: 8px;
}
.ml10 {
    margin-left: 10px;
}
.ml12 {
    margin-left: 12px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}
.ml30 {
    margin-left: 30px;
}
.ml35 {
    margin-left: 35px;
}
.ml38 {
    margin-left: 38px;
}
.ml40 {
    margin-left: 40px;
}
.ml45 {
    margin-left: 45px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.ml72 {
    margin-left: 72px;
}
.ml80 {
    margin-left: 80px;
}
.ml-20 {
    margin-left: -20px;
}
.ma8 {
    margin: 8px;
}
.ma10 {
    margin: 10px;
}
.ma15 {
    margin: 15px;
}
.ma20 {
    margin: 20px;
}
.mlr20 {
    margin-left: 20px;
    margin-right: 20px;
}
.mlr30 {
    margin-left: 30px;
    margin-right: 30px;
}
.mtb10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mtb15 {
    margin-bottom: 15px;
    margin-top: 15px;
}
.mtb30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.mtb50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.mr-20 {
    margin-right: -20px;
}
.mr0 {
    margin-right: 0 !important;
}
.mr5 {
    margin-right: 5px;
}
.mr8 {
    margin-right: 8px;
}
.mr10 {
    margin-right: 10px;
}
.mr12 {
    margin-right: 12px;
}
.mr15 {
    margin-right: 15px;
}
.mr16 {
    margin-right: 16px;
}
.mr20 {
    margin-right: 20px;
}
.mr22 {
    margin-right: 22px;
}
.mr25 {
    margin-right: 25px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.mr50 {
    margin-right: 50px;
}
.mr70 {
    margin-right: 70px;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb150 {
    margin-bottom: 150px;
}
.plr12 {
    padding-left: 12px;
    padding-right: 12px;
}
.pt0 {
    padding-top: 0 !important;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt25 {
    padding-top: 25px;
}
.pt30 {
    padding-top: 30px;
}
.pt45 {
    padding-top: 45px;
}
.pt60 {
    padding-top: 60px;
}
.pl0 {
    padding-left: 0 !important;
}
.pl5 {
    padding-left: 5px;
}
.pl6 {
    padding-left: 6px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl25 {
    padding-left: 25px;
}
.pl30 {
    padding-left: 30px;
}
.im-pl30 {
    padding-left: 30px !important;
}
.form-group.title-width30, .pl40 {
    padding-left: 40px;
}
.pl47 {
    padding-left: 47px;
}
.pl50 {
    padding-left: 50px !important;
}
.pl60 {
    padding-left: 60px !important;
}
.pl80 {
    padding-left: 80px !important;
}
.pr0 {
    padding-right: 0 !important;
}
.pr5 {
    padding-right: 5px;
}
.pr6 {
    padding-right: 6px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr25 {
    padding-right: 25px;
}
.pr30 {
    padding-right: 30px;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb25 {
    padding-bottom: 25px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb50 {
    padding-bottom: 50px;
}
.pb60 {
    padding-bottom: 60px;
}
.lineh14 {
    line-height: 14px;
}
.lineh16 {
    line-height: 16px;
}
.lineh18 {
    line-height: 18px;
}
.lineh20 {
    line-height: 20px;
}
.lineh22 {
    line-height: 22px;
}
.lineh26 {
    line-height: 26px;
}
.lineh27 {
    line-height: 27px;
}
.lineh28 {
    line-height: 28px;
}
.lineh30 {
    line-height: 30px;
}
.lineh40 {
    line-height: 40px;
}
.lineh45 {
    line-height: 45px;
}
.lineh60 {
    line-height: 60px;
}
.fs-i {
    font-style: italic;
}
.f9 {
    transform: scale(0.75);
}
.f10 {
    transform: scale(0.83);
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f22 {
    font-size: 22px;
}
.f24 {
    font-size: 24px;
}
.f28 {
    font-size: 28px;
}
.f30 {
    font-size: 30px;
}
.fb {
    font-weight: 700;
}
.fn {
    font-weight: 400;
}
.t2 {
    text-indent: 2em;
}
.t3 {
    text-indent: 3.6em;
}
.color-word-dark {
    color: #4b556a;
}
.color-blue {
    color: #198dc8;
}
.color-orange {
    color: #f46361;
}
.color-green {
    color: #1abc9c;
}
.color-yellow {
    color: #ffa501;
}
i.triangle {
    height: 0;
    line-height: 0;
    overflow: hidden;
    vertical-align: baseline;
    width: 0;
}
i.dot, i.square {
    display: inline-block;
    height: 6px;
    width: 6px;
}
i.checkbox, i.dot, i.square {
    vertical-align: middle;
}
i.triangle.triangle-right {
    border-bottom: 5px solid transparent;
    border-left: 8px solid #fff;
    border-top: 5px solid transparent;
}
i.dot {
    border-radius: 50%;
}
.curve-arrow {
    background-image: url("../images/icons.png");
    background-position: 0 -132px;
    display: inline-block;
    height: 19px;
    width: 130px;
}
.curve-arrow.curve-arrow-rise {
    background-position: -132px -132px;
}
.round-num {
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    min-width: 16px;
    padding: 0 4px;
    text-align: center;
}
.round-num.round-num-blue {
    background-color: #198dc8;
}
.round-num.round-num-orange {
    background-color: #f46361;
}
.round-num.round-num-green {
    background-color: #1abc9c;
}
.round-num.round-num-yellow {
    background-color: #ffa501;
}
.btn, a.btn {
    display: inline-block;
}
.btn.btn-big, a.btn.btn-big {
    border-radius: 4px;
    font-size: 12px;
    height: 42px;
    letter-spacing: 2px;
    line-height: 42px;
    padding: 0 42px;
}
.btn.btn-white-red, a.btn.btn-white-red {
    background-color: #fff;
    color: #e2003b;
}
.btn-blank, a.btn-blank {
    background-color: transparent;
    border: 1px solid #4b556a;
    color: #4b556a;
    display: inline-block;
}
.btn-blank.btn-small, a.btn-blank.btn-small {
    border-radius: 3px;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
}
.btn-blank.btn-medium, a.btn-blank.btn-medium {
    border-radius: 3px;
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    padding: 0 36px;
}
.btn-blank.btn-medium:hover, a.btn-blank.btn-medium:hover {
    background-color: #e2003b;
    border-color: #e2003b;
    color: #fff;
}
.btn-blank.btn-white, a.btn-blank.btn-white {
    border-color: #b8b6b6;
    color: #fff;
}
.btn-blank.btn-white:hover, a.btn-blank.btn-white:hover {
    background-color: #e2003b;
    border-color: #e2003b;
    color: #fff;
}
.btn-blank.btn-red, a.btn-blank.btn-red {
    border-color: #e2003b;
    color: #e2003b;
}
.btn-blank.btn-red:hover, a.btn-blank.btn-red:hover {
    background-color: #e2003b;
    color: #fff;
}
.btn-blank.btn-corner, a.btn-blank.btn-corner {
    border-radius: 0;
}
.btn-blank:hover, a.btn-blank:hover {
    background-color: #e2003b;
    border: 1px solid #e2003b;
    color: #fff;
}
.icon {
    display: inline-block;
}
.icon.icon-arrow-right {
    background-image: url("../images/icons.png");
    background-position: 0 -184px;
    height: 11px;
    width: 6px;
}
.icon.icon-check {
    background-image: url("../images/icons.png");
    background-position: -8px -184px;
    height: 8px;
    width: 10px;
}
.input-focus, .input-text.focus, .input-text:focus, .textarea:focus {
    border-color: #e2003b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(254, 212, 223, 0.8);
    outline: 0 none;
}
.input-text {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    color: #4b556a;
    font-size: 14px;
    height: 28px;
    line-height: 26px;
    padding: 0 5px;
    width: 148px;
}
.input-text.input-time {
    height: 28px;
    text-align: center;
    width: 18px;
}
.input-text.input-ip {
    height: 24px;
    text-align: center;
    width: 45px;
}
.input-text.input-short {
    width: 60px;
}
.input-text.input-long {
    width: 240px;
}
.input-text.input-big-long {
    width: 282px;
}
.input-text.disabled, .input-text[disabled] {
    background-color: #f3f4f5 !important;
    color: #89909a !important;
    cursor: no-drop;
}
.textarea {
    border: 1px solid #d4d4d4;
    font-size: 14px;
    max-height: 280px;
    max-width: 500px;
    min-height: 80px;
    min-width: 150px;
    padding: 5px;
    width: 240px;
}
.textarea.textarea-long {
    min-width: 282px;
}
.textarea.textarea-larger {
    min-width: 600px;
}
i.radio {
    background-color: #fff;
    border: 1px solid #e2003b;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    position: relative;
    top: -1px;
    width: 8px;
}
i.checkbox.checked::before, i.radio.checked::before {
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}
i.radio.checked {
    background-color: #e2003b;
}
i.radio.checked::before {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    height: 4px;
    position: absolute;
    width: 4px;
}
i.radio.notClick {
    background-color: #d4d4d4;
    border: 1px solid #d4d4d4;
    cursor: not-allowed;
}
i.checkbox {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    position: relative;
    text-align: center;
    width: 12px;
}
i.checkbox:hover {
    border: 1px solid #e2003b;
    box-shadow: 0 0 2px #e2003b;
    cursor: pointer;
}
i.checkbox.checked {
    background-color: #e2003b;
    border-color: #e2003b;
    color: #fff;
}
i.checkbox.checked:hover {
    border: 1px solid #e2003b;
    box-shadow: 0 0 0 #e2003b;
    cursor: pointer;
}
i.checkbox.checked::before {
    background: rgba(0, 0, 0, 0) url("/assets/img/icons/nav-icons.svg") repeat scroll -261px -79px;
    display: block;
    height: 6px;
    position: absolute;
    width: 8px;
}
i.checkbox.cannot-checked {
    background-color: #d4d4d4;
    border-color: #d4d4d4;
    cursor: not-allowed;
}
i.checkbox.cannot-checked:hover {
    border: 1px solid #d4d4d4;
    box-shadow: none;
    cursor: not-allowed;
}
i.checkbox.forbidden-checked.checked:hover, i.checkbox.forbidden-checked:hover {
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 0 #e2003b;
    cursor: not-allowed;
}
i.checkbox.forbidden-checked {
    cursor: not-allowed;
}
i.checkbox.forbidden-checked::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
i.checkbox.forbidden-checked.checked {
    background-color: #fff;
}
.form-group {
    color: #4b556a;
    display: block;
    line-height: 28px;
    margin-bottom: 10px;
    min-height: 28px;
}
.form-group .label {
    display: inline-block;
    line-height: 28px;
    padding-right: 10px;
    text-align: right;
}
.form-group.title-width30 .label {
    float: left;
    margin-left: -40px;
    width: 30px;
}
.form-group.title-width40 {
    padding-left: 50px;
}
.form-group.title-width40 .label {
    float: left;
    margin-left: -50px;
    width: 40px;
}
.form-group.title-width65 {
    padding-left: 75px;
}
.form-group.title-width65 .label {
    float: left;
    margin-left: -75px;
    width: 65px;
}
.form-group.title-width75 {
    padding-left: 85px;
}
.form-group.title-width75 .label {
    float: left;
    margin-left: -85px;
    width: 75px;
}
.form-group.title-width80 {
    padding-left: 90px;
}
.form-group.title-width80 .label {
    float: left;
    margin-left: -90px;
    width: 80px;
}
.form-group.title-width85 {
    padding-left: 95px;
}
.form-group.title-width85 .label {
    float: left;
    margin-left: -95px;
    width: 85px;
}
.form-group.title-width90 {
    padding-left: 100px;
}
.form-group.title-width90 .label {
    float: left;
    margin-left: -100px;
    width: 90px;
}
.form-group.title-width95 {
    padding-left: 105px;
}
.form-group.title-width95 .label {
    float: left;
    margin-left: -105px;
    width: 95px;
}
.form-group.title-width100 {
    padding-left: 110px;
}
.form-group.title-width100 .label {
    float: left;
    margin-left: -110px;
    width: 100px;
}
.form-group.title-width110 {
    padding-left: 120px;
}
.form-group.title-width110 .label {
    float: left;
    margin-left: -120px;
    width: 110px;
}
.form-group.title-width130 {
    padding-left: 140px;
}
.form-group.title-width130 .label {
    float: left;
    margin-left: -140px;
    width: 130px;
}
.form-group.title-width150 {
    padding-left: 160px;
}
.form-group.title-width150 .label {
    float: left;
    margin-left: -160px;
    width: 150px;
}
.form-group.col-2 {
    width: 50%;
}
.form-group.col-3 {
    width: 33.3333%;
}
.form-group.col-4 {
    width: 25%;
}
.form-group.align-left .label {
    text-align: left;
}
.product-content-block {
    min-width: 1100px;
    width: 100%;
}
.product-content-block .product-wrap {
    border-bottom: 1px solid #eee;
    margin: 0 auto;
    padding: 76px 0 70px;
    text-align: center;
    width: 1100px;
}
.product-content-block .product-wrap .product-title {
    color: #000;
    font-size: 18px;
    margin-bottom: 60px;
}
.product-content-block .product-wrap .product-desc {
    margin-bottom: 40px;
}
.product-content-block .product-wrap .product-content {
    font-size: 0;
}
.table-block {
    font-size: 14px;
    position: relative;
    width: 1080px;
}
.table-block .table-option {
    background-color: #f0f6fa;
    color: #89909a;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 88px;
}
.table-block .table-option:hover {
    background-color: #e2003b;
    color: #fff;
}
.table-block .table-layout {
    border: 1px solid #dbe4ee;
    cursor: default;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}
.table-block .table-layout tr {
    border: 1px solid #dbe4ee;
    height: 48px;
    padding: 0 16px;
}
.table-block .table-layout td, .table-block .table-layout th {
    padding: 0 5px;
    vertical-align: middle;
}
.table-block .table-layout td:nth-child(1), .table-block .table-layout th:nth-child(1) {
    padding-left: 15px;
}
.table-block .table-layout .table-head {
    background-color: #f8fafb;
    width: 100%;
}
.table-block .table-loupe {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e2003b #e2003b -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 1px 1px medium;
    display: none;
    height: 2px;
    left: -10px;
    position: absolute;
    top: 95px;
    width: 1100px;
}
.table-block .table-loupe .loupe-inset-public {
    background-color: #fff;
    height: 48px;
    position: absolute;
    top: 0;
    width: 15px;
}
.table-block .table-loupe .loupe-inset-public.loupe-left {
    border-left: 1px solid #e2003b;
    left: -1px;
}
.table-block .table-loupe .loupe-inset-public.loupe-right {
    border-right: 1px solid #e2003b;
    box-shadow: 4px 0 8px 0 rgba(232, 174, 174, 0.5);
    right: -1px;
}
.table-block .table-loupe .loupe-inset-public.loupe-bottom {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-color: -moz-use-text-color #e2003b #e2003b;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 4px 8px 0 rgba(232, 174, 174, 0.5);
    height: 2px;
    left: -1px;
    top: 48px;
    width: 1100px;
}
.sub-title {
    border-left: 1px solid #e2003b;
    color: #4b556a;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    text-align: left;
}
.sub-desc {
    font-size: 14px;
    line-height: 2;
    margin-left: 11px;
    text-align: left;
}
.product-container {
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1100px;
}
.product-container .sub-container {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 50%;
}
.red-point, i.status-icon {
    display: inline-block;
    vertical-align: middle;
}
.product-container .sub-container.col-2 {
    width: 50%;
}
.product-container .sub-container.col-3 {
    width: 33.3333%;
}
.product-container .sub-container.col-4 {
    width: 25%;
}
.red-point {
    background-color: #e2003b;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}
.important-block-title {
    font-size: 24px !important;
    line-height: normal !important;
}
i.status-icon {
    background-image: url("/assets/img/icons/status-icons.svg");
}
i.status-icon.opt-success {
    background-position: -34px -23px;
    height: 25px;
    width: 26px;
}
.tooltip-component {
    display: none;
    position: absolute;
    z-index: 99;
}
.tooltip-component .tooltip-bubble {
    background-color: #4b556a;
    border-radius: 4px;
    color: #fff;
    line-height: 17px;
    padding: 12px 30px;
    position: relative;
}
.tooltip-component .tooltip-bubble ul {
    padding: 2px;
}
.tooltip-component .tooltip-bubble ul li {
    line-height: 18px;
    padding: 6px 0;
    text-align: left;
}
.tooltip-component .tooltip-bubble ul li:hover {
    cursor: pointer;
}
.tooltip-component .tooltip-bubble ul li a {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
}
.tooltip-component .tooltip-bubble ul li a:hover {
    color: #9ea5b4;
}
.tooltip-component .tooltip-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #4b556a;
    bottom: -8px;
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0;
}
.hover-line-component {
    bottom: 0;
    display: block;
    height: 1px;
    left: 0;
    line-height: 1px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.hover-line-component .hover-line {
    display: inline-block;
    height: 100%;
    transition: width 0.3s ease 0s;
    width: 0;
}
.hover-line-component.active .hover-line {
    width: 100%;
}
.dialog-compenent {
    color: #4b556a;
    display: none;
    height: 100%;
    position: relative;
    visibility: visible;
    width: 100%;
    z-index: 9999;
}
.dialog-compenent.hide {
    display: none !important;
}
.dialog-compenent.show {
    display: block !important;
}
.dialog-button, .dialog-compenent .dialog-modal .modal-footer .button-wrap {
    display: inline-block;
}
.dialog-compenent .dialog-modal {
    background-color: #fff;
    border-radius: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.dialog-compenent .dialog-modal .modal-header {
    border-bottom: 1px solid #eceef1;
    font-size: 16px;
    height: 39px;
    padding: 0 20px;
    position: relative;
}
.dialog-compenent .dialog-modal .modal-header .title-wrap {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
}
.dialog-compenent .dialog-modal .modal-header .close-modal-icon {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 8px;
}
.dialog-compenent .dialog-modal .modal-header .close-modal-icon::after {
    content: "×";
    font-size: 20px;
}
.dialog-compenent .dialog-modal .modal-body {
    padding: 20px;
}
.dialog-compenent .dialog-modal .modal-footer {
    font-size: 0;
    height: 38px;
    padding: 10px 20px 20px;
}
.dialog-compenent .dialog-mask {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 888;
}
.dialog-button {
    background-color: #fbeff2;
    border: medium none;
    border-radius: 4px;
    color: #e2003b;
    cursor: pointer;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}
.dialog-button:hover {
    background-color: #e2003b;
    color: #fff;
}
.dialog-button.cancel {
    background-color: #f3f4f5;
    color: #69757d;
    margin-left: 15px;
}
.dialog-button.cancel:hover {
    background-color: #cbcbd2;
    color: #fff;
}
.dialog-button .dialog-button + .dialog-button {
    margin-left: 15px;
}
.dialog-success {
    display: table;
    height: 100px;
    text-align: center;
    width: 280px;
}
.dialog-success .success-text {
    display: table-cell;
    font-size: 16px;
    line-height: 26px;
    vertical-align: middle;
}
.main-footer, .main-footer a {
    color: #a4a5aa;
}
.main-footer {
    background-color: #292a35;
}
.main-footer.cloud, .main-footer.cloud .footer-nav .layout {
    background-color: #292828;
}
.main-footer.cloud .footer-nav .layout .block-nav.block-nav-hybridCloud {
    width: 170px;
}
.main-footer.cloud .footer-nav .layout .block-nav.block-nav-about {
    width: 220px;
}
.main-footer.cloud .footer-info, .main-footer.cloud .footer-info .layout {
    background-color: #202020;
}
.main-footer.cloud .footer-info .layout p {
    padding-bottom: 8px;
}
.main-footer.cloud .footer-info .layout .footer-web-safe dl {
    display: inline-block;
    line-height: 35px;
    margin-right: 1px;
}
.main-footer.cloud .footer-info .layout .footer-web-safe dl dt {
    background: rgba(0, 0, 0, 0) url("/assets/img/layouts/icon1.png") no-repeat scroll 0 0;
    float: left;
    height: 35px;
    margin-right: 5px;
    width: 35px;
}
.main-footer.cloud .footer-info .layout .footer-web-safe dl dt.wj {
    background-position: -273px -167px;
}
.main-footer.cloud .footer-info .layout .footer-web-safe dl dt.gs {
    background-position: -321px -169px;
    width: 30px;
}
.main-footer.cloud .footer-info .layout .footer-web-safe dl dt.hgwb {
    background-position: -365px -171px;
}
.main-footer.cloud .footer-info .layout .footer-web-safe dl dd {
    float: left;
}
.main-footer a:hover {
    color: #fff;
}
.main-footer .footer-iso {
    border-bottom: 1px solid #4a4c5b;
}
.main-footer .footer-iso .layout {
    background-color: #292a35;
    border-bottom: 1px solid #4a4c5b;
    color: #fff;
    margin-bottom: -1px;
    padding: 24px 0;
}
.main-footer .footer-iso .layout .iso-wrapper {
    float: left;
    margin-right: 52px;
    width: 175px;
}
.main-footer .footer-iso .layout .iso-wrapper.iso-wrapper-last {
    float: right;
    margin-right: 0;
}
.main-footer .footer-iso .layout .iso-wrapper .iso-img {
    background-image: url("/assets/img/layouts/footer.png");
    display: inline-block;
    height: 66px;
    margin-right: 15px;
    vertical-align: middle;
    width: 66px;
}
.main-footer .footer-iso .layout .iso-wrapper .iso-img.iso-img-0 {
    background-position: -207px 0;
}
.main-footer .footer-iso .layout .iso-wrapper .iso-img.iso-img-1 {
    background-position: -279px -1px;
}
.main-footer .footer-iso .layout .iso-wrapper .iso-img.iso-img-2 {
    background-position: 0 0;
}
.main-footer .footer-iso .layout .iso-wrapper .iso-img.iso-img-3 {
    background-position: -68px 0;
}
.main-footer .footer-iso .layout .iso-wrapper .iso-img.iso-img-4 {
    background-position: -136px 0;
}
.main-footer .footer-nav .layout {
    background-color: #292a35;
    padding: 40px 0 50px;
}
.main-footer .footer-nav .layout .block-nav {
    float: left;
}
.main-footer .footer-nav .layout .block-nav .nav-title {
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}
.main-footer .footer-nav .layout .block-nav .nav-list {
    margin-top: 15px;
}
.main-footer .footer-nav .layout .block-nav .nav-list::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.main-footer .footer-nav .layout .block-nav .nav-list .nav-item {
    margin-bottom: 12px;
    width: 140px;
}
.main-footer .footer-nav .layout .block-nav .nav-list .nav-link-aliyun {
    background-image: url("/assets/img/layouts/footer.png");
    background-position: 0 -68px;
    display: inline-block;
    height: 15px;
    width: 65px;
}
.main-footer .footer-nav .layout .block-nav.block-nav-hybridCloud {
    width: 220px;
}
.main-footer .footer-nav .layout .block-nav.block-nav-internet {
    width: 180px;
}
.main-footer .footer-nav .layout .block-nav.block-nav-service {
    width: 170px;
}
.main-footer .footer-nav .layout .block-nav.block-nav-solution {
    width: 160px;
}
.main-footer .footer-info {
    background-color: #1f1f29;
}
.main-footer .footer-info .layout {
    background-color: #1f1f29;
    font-size: 12px;
    padding: 24px 0;
    text-align: center;
}
.main-header {
    position: relative;
    z-index: 3;
}
.main-header .header-top-bar {
    background-color: #1f1f29;
    color: #9ea5b4;
}
.main-header .header-top-bar .layout {
    background-color: #1f1f29;
    font-size: 12px;
    height: 44px;
    line-height: 44px;
}
.main-header .header-top-bar .layout a.link {
    color: #9ea5b4;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
.main-header .header-nav, .main-header .header-top-bar .layout a.link:hover {
    color: #fff;
}
.main-header .header-nav .layout .main-navs-wrapper {
    height: 70px;
    line-height: 70px;
}
.main-header .header-nav .layout .main-navs-wrapper .logo::after, .main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item::after, .main-header .header-nav .layout .main-navs-wrapper .main-navs::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.main-header .header-nav .layout .main-navs-wrapper .logo {
    float: left;
}
.main-header .header-nav .layout .main-navs-wrapper .logo img {
    vertical-align: text-bottom;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs {
    float: right;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item {
    color: #fff;
    cursor: default;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item.nav-item-last {
    padding-right: 0;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item .nav-item-content {
    padding: 10px 0;
    position: relative;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item .nav-item-content .hover-line-wrapper {
    bottom: 0;
    display: block;
    height: 1px;
    left: 0;
    line-height: 1px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item .nav-item-content .hover-line-wrapper .hover-line {
    background-color: #e2003b;
    display: inline-block;
    height: 100%;
    transition: width 0.3s ease 0s;
    width: 0;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left::after, .main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item.active .nav-item-content .hover-line-wrapper .hover-line, .main-header .header-nav .layout .main-navs-wrapper .main-navs .nav-item:hover .nav-item-content .hover-line-wrapper .hover-line {
    width: 100%;
}
.main-header .header-nav .layout .sub-navs-wrapper {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: perspective(1000px) rotateX(-90deg);
    transform-origin: 50% 0 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item {
    background-color: #3e3f4e;
    border-radius: 4px;
    padding: 35px 30px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-company, .main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-network, .main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-service {
    margin-left: 245px;
    width: 72%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-solution {
    margin-left: 80px;
    width: 87%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-anchent {
    margin-left: 430px;
    width: 55%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-anchent .nav-item-column {
    padding: 0;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-anchent .nav-item-column a {
    color: #fff;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item.nav-item-anchent .nav-item-column a:hover {
    color: #889099;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left {
    border-right: 1px solid #4c5363;
    float: left;
    line-height: 20px;
    margin-right: -1px;
    width: 62%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width36 {
    padding-left: 15px;
    width: 36%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width40 {
    padding-left: 15px;
    width: 40%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width46 {
    padding-left: 15px;
    width: 46%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width48 {
    padding-left: 15px;
    width: 48%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width50 {
    padding-left: 15px;
    width: 50%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width52 {
    padding-left: 15px;
    width: 52%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left.width55 {
    padding-left: 15px;
    width: 55%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-column {
    float: left;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-column.column-2 {
    width: 48%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-column.column-3 {
    width: 33%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-column.column-5 {
    margin-right: 25px;
    text-align: center;
    width: 100px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-column.column-5.last-child {
    margin-right: 0;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-row {
    margin-bottom: 24px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-row .nav-title {
    color: #bdbdbe;
    font-size: 14px;
    font-weight: 700;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-row.multi-line {
    margin: 0 auto;
    text-align: left;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-row span {
    font-size: 12px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-row a {
    color: #8b919e;
    display: inline-block;
    padding-bottom: 6px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-left .nav-item-row a:hover {
    color: #fff;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right {
    color: #fff;
    float: left;
    width: 38%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right.width42 {
    width: 42%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right.width44 {
    width: 44%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right.width46 {
    width: 46%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right.width50 {
    width: 50%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right.width60 {
    width: 60%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right .nav-item-intro {
    margin-left: 35px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right .nav-item-intro .intro-title {
    color: #bdbdbe;
    display: inline-block;
    width: 100%;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right .nav-item-intro .intro-content {
    color: #8b919e;
    font-size: 12px;
    margin-top: 16px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right .nav-item-intro .intro-content p {
    margin-bottom: 10px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right .nav-item-intro .intro-btn {
    border: 1px solid #6a6b78;
    border-radius: 4px;
    color: #bdbdbe;
    display: inline-block;
    float: right;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: -8px;
    text-align: center;
    width: 80px;
}
.main-header .header-nav .layout .sub-navs-wrapper .sub-navs .nav-item .nav-item-right .nav-item-intro .intro-btn:hover {
    background-color: #e2003b;
    border: 1px solid #e2003b;
    color: #fff;
}
.main-header .header-nav .layout .sub-navs-wrapper.active {
    opacity: 1;
    transform: perspective(1000px) rotateX(0deg);
}
.slider-component, .slider-component .slide-list {
    position: relative;
}
.slider-component {
    background-color: #000;
    height: 550px;
    min-width: 1100px;
    overflow: hidden;
}
.slider-component .slide-list .slide-item {
    background-position: center top;
    background-repeat: no-repeat;
    height: 550px;
    left: 0;
    min-width: 1100px;
    position: absolute;
    top: 0;
    width: 100%;
}
.slider-component .slide-list .slide-item.type-text h3 {
    color: #fff;
    font-size: 24px;
    left: 0;
    line-height: 33px;
    position: absolute;
    top: 74px;
}
.slider-component .slide-list .slide-item.type-text .text {
    color: #9ba3af;
    font-size: 14px;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 126px;
}
.slider-component .slide-list .slide-item.active .left, .slider-component .slide-list .slide-item.active .right {
    display: block;
}
.slider-component .slide-list .slide-item .left {
    color: #fff;
    display: none;
    left: 200px;
    margin: 180px 0 0;
    position: absolute;
    width: 66%;
}
.slider-component .slide-list .slide-item .left .title {
    font-size: 44px;
    margin-bottom: 30px;
}
.slider-component .slide-list .slide-item .left .text {
    font-size: 20px;
    letter-spacing: 3px;
}
.slider-component .slide-list .slide-item .left .btn {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    margin-top: 60px;
    text-align: center;
    width: 148px;
}
.slider-component .slide-list .slide-item .left .btn:hover {
    border: 1px solid #e2003b;
}
.slider-component .slide-list .slide-item .right {
    display: none;
    position: absolute;
    right: 200px;
}
.slider-component .slide-list .slide-item .right img {
    margin-top: 120px;
}
.slider-component .slide-control .control-btn {
    background-image: url("../images/icons.png");
    cursor: pointer;
    height: 42px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    width: 42px;
}
.slider-component .slide-control .control-btn.prev-btn {
    background-position: 0 -198px;
    left: 50px;
}
.slider-component .slide-control .control-btn.prev-btn:hover {
    background-position: -88px -198px;
}
.slider-component .slide-control .control-btn.next-btn {
    background-position: -44px -198px;
    right: 50px;
}
.slider-component .slide-control .control-btn.next-btn:hover {
    background-position: -132px -198px;
}
.slider-component .show-icon {
    bottom: 30px;
    left: 50%;
    position: absolute;
}
.slider-component .show-icon li.control-icon {
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 30px;
    display: block;
    float: left;
    height: 8px;
    margin-right: 10px;
    width: 8px;
}
.slider-component .show-icon li.control-icon.active {
    background-color: #fff;
}
.slider-component .show-icon li.control-icon:hover {
    cursor: pointer;
}
.block-capability .layout .block-content::after, .block-client .layout .item-logos::after, .block-deploy .layout .block-content::after {
    clear: both;
    content: ".";
    visibility: hidden;
}
.main-body {
    z-index: 0;
}
.block-slides {
    margin-bottom: -70px;
    position: relative;
    top: -70px;
}
.block-title {
    color: #4b556a;
    font-size: 18px;
    text-align: center;
}
.block-capability .layout {
    padding-bottom: 90px;
    padding-top: 65px;
}
.block-capability .layout .block-content {
    height: 480px;
    margin-top: 70px;
}
.block-capability .layout .block-content::after {
    display: block;
    height: 0;
}
.block-capability .layout .block-content .item {
    background-color: #fff;
    border: 1px solid #e7e8ec;
    float: left;
    margin-right: -1px;
    position: relative;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 265px;
}
.block-capability .layout .block-content .item .border-top {
    background-color: #e2003b;
    border: 1px solid #e2003b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 100%;
    height: 0;
    left: -1px;
    position: absolute;
    transition: height 0.2s ease 0s;
    width: 100%;
}
.block-capability .layout .block-content .item .item-head {
    border-bottom: 1px solid #e7e8ec;
    height: 210px;
    padding: 0 20px 20px;
}
.block-capability .layout .block-content .item .item-head .item-head-active {
    display: none;
}
.block-capability .layout .block-content .item .item-head .icon-wrapper {
    height: 85px;
    line-height: 85px;
    text-align: center;
}
.block-capability .layout .block-content .item .item-head .icon-wrapper .icon {
    background-image: url("../images/icons.png");
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}
.block-capability .layout .block-content .item .item-head .icon-wrapper .icon.icon-public {
    background-position: -241px -168px;
    height: 59px;
    width: 65px;
}
.block-capability .layout .block-content .item .item-head .icon-wrapper .icon.icon-private {
    background-position: -315px -168px;
    height: 59px;
    width: 65px;
}
.block-capability .layout .block-content .item .item-head .icon-wrapper .icon.icon-datacenter {
    background-position: -318px -103px;
    height: 59px;
    width: 65px;
}
.block-capability .layout .block-content .item .item-head .icon-wrapper .icon.icon-mix {
    background-position: -317px -14px;
    height: 59px;
    width: 65px;
}
.block-capability .layout .block-content .item .item-head .item-title {
    color: #000;
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
}
.block-capability .layout .block-content .item .item-head .item-intro {
    color: #89909a;
    font-size: 12px;
    margin: 0 auto 25px;
    width: 88%;
}
.block-capability .layout .block-content .item .item-content {
    background-color: #f5f7fa;
    height: 150px;
    padding: 20px 0;
    transition: height 0.2s ease 0s;
}
.block-capability .layout .block-content .item .item-content .item-intro {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 25px;
}
.block-capability .layout .block-content .item .item-content .item-content-default {
    padding-left: 30px;
    padding-right: 30px;
}
.block-capability .layout .block-content .item .item-content .item-content-default .item-sub-content .sub-item {
    margin-bottom: 15px;
}
.block-capability .layout .block-content .item .item-content .item-content-default .item-sub-content .sub-item .sub-item-title {
    color: #60676d;
}
.block-capability .layout .block-content .item .item-content .item-content-active {
    background-color: #fff;
    display: none;
    text-align: center;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content {
    text-align: left;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item {
    padding: 9px 0;
    position: relative;
    width: 100%;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item .sub-item-title {
    color: #000;
    float: left;
    margin-left: 30px;
    width: 190px;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item .btn-more {
    border: 1px solid #e2003b;
    border-radius: 4px;
    color: #e2003b;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 70px;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item .btn-more:hover {
    background-color: #e2003b;
    border: 1px solid #e2003b;
    color: #fff;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item:hover {
    background-color: #fcf3f6;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item:hover .sub-item-title {
    color: #e2003b;
}
.block-capability .layout .block-content .item .item-content .item-content-active .item-sub-content .sub-item:hover .btn-more {
    opacity: 1;
}
.block-capability .layout .block-content .item.active {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #fff;
    box-shadow: 0 4px 10px 0 #f4dfe4;
    width: 300px;
    z-index: 1;
}
.block-capability .layout .block-content .item.active .border-top {
    height: 10px;
}
.block-capability .layout .block-content .item.active .item-head {
    border-bottom: 1px solid #fff;
}
.block-capability .layout .block-content .item.active .item-head .item-head-default {
    display: none;
}
.block-capability .layout .block-content .item.active .item-head .item-head-active {
    display: block;
}
.block-capability .layout .block-content .item.active .item-content {
    background-color: #fff;
    height: 180px;
}
.block-deploy, .block-deploy .layout {
    background-color: #f7f9fc;
}
.block-capability .layout .block-content .item.active .item-content .item-content-default {
    display: none;
}
.block-capability .layout .block-content .item.active .item-content .item-content-active {
    display: block;
}
.block-deploy .layout {
    padding-bottom: 105px;
    padding-top: 70px;
}
.block-deploy .layout.layout-1 {
    padding-bottom: 0px;
    padding-top: 20px;
}
.block-deploy .layout.layout-2 {
    padding-bottom: 25px;
    padding-top: 0px;
}

.block-deploy .layout .block-content {
    margin-top: 50px;
}

.block-deploy .layout .block-content.block-content1 {
    margin-top: 30px;
}

.block-deploy .layout .block-content::after {
    display: block;
    height: 0;
}
.block-deploy .layout .block-content .item {
    float: left;
    margin-right: 33px;
    position: relative;
    width: 250px;
}
.block-deploy .layout .block-content .item.item-last {
    margin-right: 0;
}
.block-deploy .layout .block-content .item .curve-arrow {
    left: 200px;
    position: absolute;
    top: -10px;
}
.block-deploy .layout .block-content .item .curve-arrow.curve-arrow-rise {
    top: 10px;
}
.block-deploy .layout .block-content .item .item-box {
    background-color: #fff;
    border-bottom: 6px solid;
    height: 220px;
    margin-top: 0px;
    position: relative;
    text-align: center;
}
.block-deploy .layout .block-content .item.item-0 .item-box-active, .block-deploy .layout .block-content .item.item-0 .item-order-num {
    background-color: #198dc8;
}
.block-deploy .layout .block-content .item .item-box .item-title {
    bottom: 170px;
    font-size: 20px;
    left: 0;
    position: absolute;
    width: 250px;
}
.block-deploy .layout .block-content .item .item-box .item-content {
    bottom: 0;
    height: 140px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    text-align: left;
    width: 217px;
}
.block-deploy .layout .block-content .item .item-box .item-content li {
    color: #fff;
    line-height: 44px;

    font-size:16px;
}
.block-deploy .layout .block-content .item .item-box .item-content .li-1 {
   
    padding-left: 55px;
    
}
.block-deploy .layout .block-content .item .item-box .item-content .li-2 {
   
    padding-left: 42px;
    
}

.block-deploy .layout .block-content .item .item-box .item-content li i {
    float: left;
    margin-left: -20px;
    margin-top: 7px;
}
.block-deploy .layout .block-content .item .item-box .item-content li .icon-check-0 {
    background-position: -215px -1px;
}
.block-deploy .layout .block-content .item .item-box .item-content li .icon-check-1 {
    background-position: -232px 0;
}
.block-deploy .layout .block-content .item .item-box .item-content li .icon-check-2 {
    background-position: -248px 0;
}
.block-deploy .layout .block-content .item .item-box .item-content li .icon-check-3 {
    background-position: -265px 0;
}
.block-deploy .layout .block-content .item .item-box .icon-wrapper {
    bottom: 60px;
    height: 80px;
    left: 0;
    line-height: 80px;
    position: absolute;
    text-align: center;
    width: 250px;
}
.block-deploy .layout .block-content .item .item-box .icon-wrapper .icon {
    background-image: url("../images/icons.png");
    display: inline-block;
    vertical-align: bottom;
}
.block-deploy .layout .block-content .item .item-box .icon-wrapper .icon.icon-consult {
    background-position: -399px -6px;
    height: 75px;
    width: 80px;
}
.block-deploy .layout .block-content .item .item-box .icon-wrapper .icon.icon-purchase {
    background-position: -492px -10px;
    height: 72px;
    width: 70px;
}
.block-deploy .layout .block-content .item .item-box .icon-wrapper .icon.icon-deploy {
    background-position: -399px -99px;
    height: 80px;
    width: 80px;
}
.block-deploy .layout .block-content .item .item-box .icon-wrapper .icon.icon-manage {
    background-position: -509px -105px;
    height: 73px;
    width: 72px;
}
.block-deploy .layout .block-content .item .item-box .item-box-active {
    bottom: 0;
    color: #fff;
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    transition: height 0.3s ease 0s;
    width: 100%;
}
.block-deploy .layout .block-content .item .item-box .item-box-active .item-title {
    color: #fff;
}
.block-deploy .layout .block-content .item.item-0 .item-box {
    border-bottom-color: #198dc8;
}
.block-deploy .layout .block-content .item.item-0 .item-title {
    color: #198dc8;
}
.block-deploy .layout .block-content .item.item-1 .item-box-active, .block-deploy .layout .block-content .item.item-1 .item-order-num {
    background-color: #f46361;
}
.block-deploy .layout .block-content .item.item-1 .item-box {
    border-bottom-color: #f46361;
}
.block-deploy .layout .block-content .item.item-1 .item-title {
    color: #f46361;
}
.block-deploy .layout .block-content .item.item-2 .item-box-active, .block-deploy .layout .block-content .item.item-2 .item-order-num {
    background-color: #1abc9c;
}
.block-deploy .layout .block-content .item.item-2 .item-box {
    border-bottom-color: #1abc9c;
}
.block-deploy .layout .block-content .item.item-2 .item-title {
    color: #1abc9c;
}
.block-deploy .layout .block-content .item.item-3 .item-box-active, .block-deploy .layout .block-content .item.item-3 .item-order-num {
    background-color: #ffa501;
}
.block-deploy .layout .block-content .item.item-3 .item-box {
    border-bottom-color: #ffa501;
}
.block-deploy .layout .block-content .item.item-3 .item-title {
    color: #ffa501;
}
.block-deploy .layout .block-content .item.active .item-box .item-box-active {
    height: 215px;
}
.block-datacenter .layout {
    padding-bottom: 80px;
    padding-top: 70px;
}
.block-datacenter .layout .block-content {
    margin-top: 70px;
}
.block-service {
    padding-top: 70px;
}
.block-service .block-content {
    background-color: #f7f9fc;
    height: 430px;
    margin-top: 66px;
    position: relative;
}
.block-service .block-content .outer-content-left {
    background-image: url("../images/company.jpg");
    background-position: right center;
    height: 430px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}
.block-service .block-content .layout {
    background-color: #f7f9fc;
}
.block-service .block-content .layout .content-left {
    background-image: url(../images/company.jpg");
    background-position: right center;
    float: left;
    height: 430px;
    width: 50%;
}
.block-service .block-content .layout .content-right {
    color: #4b556a;
    float: left;
    padding-left: 50px;
    padding-top: 130px;
    width: 430px;
}
.block-service .block-content .layout .content-right .p {
    margin-bottom: 30px;
}
.block-client .layout {
    padding-bottom: 70px;
    padding-top: 70px;
}
.block-client .layout .quote {
    background-image: url("../images/icons.png");
    background-position: 0 -154px;
    height: 27px;
    margin: 60px auto 20px;
    width: 41px;
}
.block-client .layout .warp-title {
    color: #2c2c2c;
    font-size: 14px;
    height: 120px;
    line-height: 24px;
    margin: 20px auto 0;
    width: 80%;
}
.block-client .layout .warp-title .item-type {
    font-size: 20px;
    padding-bottom: 4px;
}
.block-client .layout .warp-title .item-detail {
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-top: 30px;
    text-align: center;
    width: 92px;
}
.block-client .layout .item-logos {
    margin-top: 40px;
}
.block-client .layout .item-logos::after {
    display: block;
    height: 0;
}
.block-client .layout .item-logos .item-logo {
    float: left;
    height: 102px;
    line-height: 102px;
    margin-right: 228px;
    overflow: hidden;
    text-align: center;
    width: 102px;
}
.block-client .layout .item-logos .item-logo p {
    border: 1px solid #bdbdbe;
    border-radius: 50%;
    height: 65px;
    line-height: 65px;
    margin: 18px auto;
    width: 65px;
}
.block-client .layout .item-logos .item-logo p i {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 50px;
}
.block-client .layout .item-logos .item-logo p i.icon-0, .block-client .layout .item-logos .item-logo p i.icon-1, .block-client .layout .item-logos .item-logo p i.icon-2, .block-client .layout .item-logos .item-logo p i.icon-3 {
    background: rgba(0, 0, 0, 0) url("../images/main/financial_small.png") no-repeat scroll 0 0;
}
.block-client .layout .item-logos .item-logo.active {
    border: 1px solid #fff;
}
.block-client .layout .item-logos .item-logo.active p {
    border: 1px solid #bdbdbe;
    border-radius: 50%;
    height: 100px;
    line-height: 100px;
    margin: 0;
    width: 100px;
}
.block-client .layout .item-logos .item-logo.active p i {
    height: 28px;
    width: 75px;
}
.block-client .layout .item-logos .item-logo.active p i.icon-0, .block-client .layout .item-logos .item-logo.active p i.icon-1, .block-client .layout .item-logos .item-logo.active p i.icon-2, .block-client .layout .item-logos .item-logo.active p i.icon-3 {
    background: rgba(0, 0, 0, 0) url("../images/financial_big.png") no-repeat scroll 0 0;
}
.block-client .layout .item-logos .item-logo.item-logo-last {
    margin-right: 0;
}
.block-client .layout .hover-line-wrapper {
    background-color: #e8e9ed;
    height: 3px;
    margin-top: 30px;
    position: relative;
}
.block-client .layout .hover-line-wrapper .hover-line {
    background-color: #e2003b;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.block-news, .block-news .layout {
    background-color: #f7f9fc;
}
.block-client .layout .item-name-type {
    margin-top: 30px;
    text-align: center;
}
.block-client .layout .item-name-type .item-name {
    color: #2c2c2c;
    font-size: 22px;
}
.block-client .layout .item-name-type .item-type {
    color: #89909a;
    font-size: 14px;
    margin-top: 10px;
}
.block-news .layout {
    padding-bottom: 70px;
    padding-top: 70px;
}
.block-news .layout .block-content {
    margin-top: 70px;
}
.block-news .layout .block-content .item {
    color: #fff;
    float: left;
    height: 180px;
    margin-right: 10px;
    position: relative;
    width: 360px;
}
.block-news .layout .block-content .item.item-last {
    margin-right: 0;
}
.block-news .layout .block-content .item .item-bg {
    background-image: url("../images/news-bg.jpg");
    background-repeat: no-repeat;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 360px;
}
.block-news .layout .block-content .item .item-bg.item-bg-0 {
    background-position: 0 0;
}
.block-news .layout .block-content .item .item-bg.item-bg-1 {
    background-position: 0 -180px;
}
.block-news .layout .block-content .item .item-bg.item-bg-2 {
    background-position: 0 -360px;
}
.block-news .layout .block-content .item .item-front {
    left: 0;
    padding-top: 35px;
    position: absolute;
    top: 0;
    width: 100%;
}
.block-news .layout .block-content .item .item-front .item-title {
    font-size: 16px;
    text-align: center;
}
.block-news .layout .block-content .item .item-front .item-content {
    margin-top: 20px;
    padding-left: 70px;
}
.block-news .layout .block-content .item .item-front .item-content li {
    margin-bottom: 12px;
}
.block-news .layout .block-content .item .item-front .item-content li i {
    vertical-align: super;
}
.block-news .layout .block-content .item .item-front .item-content li .link-wrapper {
    display: inline-block;
    width: 225px;
}
.block-news .layout .block-content .item .item-front .item-content li .link-wrapper a.link {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    max-width: 225px;
}
.block-news .layout .block-content .item .item-front .item-content li .link-wrapper a.link .word {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.block-video {
    background: rgba(0, 0, 0, 0) url("../images/video.jpg") no-repeat scroll center top;
}
.block-video .layout {
    background: rgba(0, 0, 0, 0) url("../images/video.jpg") no-repeat scroll -410px 0;
    height: 315px;
    padding-top: 70px;
}
.block-video .layout .block-title {
    color: #fff;
    font-size: 20px;
    letter-spacing: 20px;
}
.block-video .layout .video-btn {
    height: 60px;
    left: 499px;
    position: absolute;
    top: 146px;
    width: 100px;
}
.block-video .layout .block-slogan {
    color: #fff;
    font-size: 18px;
    left: 330px;
    line-height: 32px;
    position: absolute;
    top: 230px;
}
.block-video .layout .register-btn {
    left: 650px;
    position: absolute;
    top: 245px;
}
.block-video .layout .register-btn:hover {
    box-shadow: 0 8px 6px 0 #781551;
}
.block-client .components-point-tab.tab-0, .block-client .components-point-tab.tab-0 .layout {
    background: rgba(0, 0, 0, 0) url("../images/main-solu-bg1.png") no-repeat scroll center center;
}
.block-client .components-point-tab.tab-1, .block-client .components-point-tab.tab-1 .layout {
    background: rgba(0, 0, 0, 0) url("../images/main-solu-bg2.png") no-repeat scroll center center;
}
.block-client .components-point-tab.tab-2, .block-client .components-point-tab.tab-2 .layout {
    background: rgba(0, 0, 0, 0) url("../images/main-solu-bg3.png") no-repeat scroll center center;
}
.block-client .components-point-tab.tab-3, .block-client .components-point-tab.tab-3 .layout {
    background: rgba(0, 0, 0, 0) url("../images/main-solu-bg4.png") no-repeat scroll center center;
}
.block-client .components-point-tab.tab-3 .layout .img-warp {
    width: 705px;
}
.block-client .components-point-tab.tab-3 .layout .img-warp img {
    width: 695px;
}
.index-video {
    height: 450px !important;
    width: 800px !important;
}
.map-nodes-component .map-nodes-canvas .node-label, .map-nodes-component .map-nodes-legend {
    color: #231815;
    font-size: 12px;
    position: absolute;
}
@keyframes pulse {
0% {
    opacity: 0.5;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(3);
}
}
@keyframes pulse {
0% {
    opacity: 0.5;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(3);
}
}
.map-nodes-component {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.map-nodes-component .map-nodes-canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.map-nodes-component .map-nodes-canvas .node {
    border-radius: 50%;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    width: 10px;
}
.map-nodes-component .map-nodes-canvas .node.domestic-node {
    background-color: #d72d34;
}
.map-nodes-component .map-nodes-canvas .node.domestic-node::after {
    animation-name: pulse;
    background-color: #d72d34;
}
.map-nodes-component .map-nodes-canvas .node.overseas-node {
    background-color: #3698d4;
}
.map-nodes-component .map-nodes-canvas .node.overseas-node::after {
    animation-name: pulse;
    background-color: #3698d4;
}
.map-nodes-component .map-nodes-canvas .node.plan-node {
    background-color: #fff;
    border: 3px solid #f8a114;
    height: 7px;
    margin-left: -8px;
    margin-top: -8px;
    width: 7px;
}
.map-nodes-component .map-nodes-canvas .node::after {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(0)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(1)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(2)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(3)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(4)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(5)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(6)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(7)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(8)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(9)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(10)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(11)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(12)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(13)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(14)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(15)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(16)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(17)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(18)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(19)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(20)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(21)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(22)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(23)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(24)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(25)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(26)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(27)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(28)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(29)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(30)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(31)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(32)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(33)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(34)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(35)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(36)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(37)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(38)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(39)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(40)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(41)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(42)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(43)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(44)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(45)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(46)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(47)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(48)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(49)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(50)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(51)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(52)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(53)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(54)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(55)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(56)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(57)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(58)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(59)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(60)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(61)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(62)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(63)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(64)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(65)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(66)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(67)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(68)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(69)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(70)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(71)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(72)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(73)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(74)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(75)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(76)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(77)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(78)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(79)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(80)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(81)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(82)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(83)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(84)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(85)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(86)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(87)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(88)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(89)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(90)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(91)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(92)::after {
    animation-delay: 1s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(93)::after {
    animation-delay: 1.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(94)::after {
    animation-delay: 1.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(95)::after {
    animation-delay: 1.75s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(96)::after {
    animation-delay: 0s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(97)::after {
    animation-delay: 0.25s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(98)::after {
    animation-delay: 0.5s;
}
.map-nodes-component .map-nodes-canvas .node:nth-of-type(99)::after {
    animation-delay: 0.75s;
}
.map-nodes-component .map-nodes-legend {
    text-align: left;
}
.map-nodes-component .map-nodes-legend .legend-dot {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    width: 8px;
}
.map-nodes-component .map-nodes-legend .legend-dot.legend-domestic-dot {
    background-color: #d72d34;
}
.map-nodes-component .map-nodes-legend .legend-dot.legend-overseas-dot {
    background-color: #3698d4;
}
.map-nodes-component .map-nodes-legend .legend-dot.legend-plan-dot {
    background-color: #fff;
    border: 2px solid #f8a114;
    height: 4px;
    width: 4px;
}
.datacenter-map {
    background-image: url("../images/world-map.jpg");
    background-repeat: no-repeat;
    height: 500px;
    margin: 0 auto;
    width: 860px;
}
.components-point-tab {
    background-color: #dedede;
}
.components-point-tab .left {
    float: left;
    margin: 50px 0 0 100px;
    width: 26%;
}
.components-point-tab .left .warp {
    margin-bottom: 10px;
    width: 154px;
}
.components-point-tab .left .warp p {
    color: #fff;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding-left: 35px;
    width: 100px;
}
.components-point-tab .left .warp .triangle {
    border-bottom: 19px solid transparent;
    border-left: 18px solid #e2003b;
    border-top: 19px solid transparent;
    display: inline-block;
    height: 0;
    opacity: 0;
    vertical-align: top;
    width: 0;
}
.components-point-tab .left .warp.active p, .components-point-tab .left .warp:hover p {
    background-color: #e2003b;
}
.components-point-tab .left .warp.active .triangle, .components-point-tab .left .warp:hover .triangle {
    opacity: 100;
}
.components-point-tab .right {
    color: #fff;
    float: left;
    width: 63%;
}
.components-point-tab .right .title {
    font-size: 20px;
}
.components-point-tab .right .text {
    height: 60px;
    overflow: hidden;
    width: 100%;
}
.components-point-tab .right .btn {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 92px;
}
.components-point-tab .right .btn:hover {
    border: 1px solid #e2003b;
}
.components-point-tab .right .img-warp {
    background-color: #fff;
    border-radius: 4px;
    height: 70px;
    margin-top: 15px;
    text-align: center;
    width: 600px;
}
.components-point-tab .right .img-warp img {
    height: auto;
    margin-left: 8px;
    width: 570px;
}
.right-nav {
    height: 275px;
    position: fixed;
    right: 0;
    top: 42%;
    width: 54px;
    z-index: 999;
}
.right-nav ul li {
    float: left;
    height: 54px;
    position: relative;
    width: 54px;
}
.right-nav ul li .sidebox {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font: 14px/54px "微软雅黑";
    height: 54px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 54px;
}
.advice-form .advice-tips h3, .advice-form .advice-tips p, .advice-form .error-text {
    color: #e2003b;
    font-size: 12px;
}
.right-nav ul li .sidebox.red {
    background: #d30830 none repeat scroll 0 0;
}
.right-nav ul li .sidebox.black {
    background: #000 none repeat scroll 0 0;
}
.right-nav ul li .sidebox.blue {
    background: #4990e2 none repeat scroll 0 0;
}
.right-nav ul li .sidebox .icon {
    background: rgba(0, 0, 0, 0) url("../images/icons.png") repeat scroll 0 0;
    float: left;
    height: 30px;
    margin: 12px;
    width: 30px;
}
.right-nav ul li .sidebox .icon.icon-0 {
    background-position: -591px -20px;
}
.right-nav ul li .sidebox .icon.icon-1 {
    background-position: -642px -20px;
}
.right-nav ul li .sidebox .icon.icon-2 {
    background-position: -743px -20px;
}
.right-nav ul li .sidebox .icon.icon-3 {
    background-position: -692px -23px;
}
.right-nav ul li .sidebox .icon.icon-4 {
    background-position: -778px -21px;
}
.right-nav ul li .sidetop {
    background: #000 none repeat scroll 0 0;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    transition: all 0.3s ease 0s;
    width: 54px;
}
.right-nav ul li .sidetop:hover {
    background: #e2003b none repeat scroll 0 0;
}
.advice-form {
    padding: 10px 20px;
    width: 600px;
}
.advice-form .error-text {
    background-color: #fdf4f6;
    display: none;
    line-height: 20px;
    margin-bottom: 6px;
    padding: 3px 10px;
}
.advice-form .radio-item {
    white-space: nowrap;
}
.advice-form .radio-item + .radio-item {
    margin-left: 25px;
}
.advice-form .radio-item:nth-child(5) {
    margin-left: 0;
}
.advice-form .advice-textarea {
    height: 100px;
    width: 500px;
}
.advice-form .advice-tips {
    background-color: #fff6f8;
    border: 1px solid #f2cbd5;
    border-radius: 4px;
    margin: 20px auto 0;
    padding: 12px 20px;
}
.advice-form .vertify-img {
    vertical-align: top;
}
